<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>vivo官方商城_vivo X70系列丨专业影像旗舰</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-top">
            <ul class="head-top-nav">
                <li>
                    <a href="javascript:;">品牌</a>
                </li>
                <li>
                    <a href="javascript:;">Funtouch OS</a>
                </li>
                <li>
                    <a href="javascript:;">体验店</a>
                </li>
                <li>
                    <a href="javascript:;">企业业务</a>
                </li>
                <li>
                    <a href="javascript:;">社区</a>
                </li>
            </ul>
            <div class="head-top-user">
                <div class="hide">
                    <a href="./login.html" class="login">登录</a>
                    <span>|</span>
                    <a href="./register.html" class="res">注册</a>
                </div>
                <h3 class="welcome">
                    欢迎IT大神：<span>用户</span> ☺&nbsp;&nbsp;&nbsp;&nbsp;<em>退出</em>
                </h3>
            </div>
       

        <div class="head-btm">
            <div class="head-warp">
                <a href="javascript;" class="index-logo"><img src="./img/login-logo.png" alt=""></a>
                <div class="search_right">
                    <input type="text" id="otxt"><button>搜索</button>
                    <ul class="olist">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <ul class="head-btm-nav">
                    <li>
                        
                        <a href="javascript:;">NEX系列</a>
                        <ul class="head-second-nav">
                            <li>

                                <a href="javascript:;">
                                    <img src="./img/1.png" alt="">
                                    <img src="./img/2.png" alt="">
                                    <img src="./img/9542631a911269daceabd8e88902087a.png" alt="">
                                </a><span>NEX 3S</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/3.png" alt="">
                                    <img src="./img/1.png" alt="">
                                    <img src="./img/2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                                </a><span>NEX 3& NEX 3 5G</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>NEX双屏版 </span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/99ed1d51eb06cca2e8c37faa87007e14.png" alt="">
                                    <img src="./img/9542631a911269daceabd8e88902087a.png" alt="">
                                    <img src="./img/8a43ea78785ce40d57549cd4e55ee472.png" alt="">
                                </a>
                                <span>NEX旗舰版 </span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/1.png" alt="">
                                    <img src="./img/99ed1d51eb06cca2e8c37faa87007e14.png" alt="">
                                    <img src="./img/2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                                </a>
                                <span>NEX&NEX屏幕指纹版</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">X系列</a>
                        <ul class="head-second-nav">
                            <li>

                                <a href="javascript:;">
                                    <img src="./img/1.png" alt="">
                                    <img src="./img/99ed1d51eb06cca2e8c37faa87007e14.png" alt="">
                                    <img src="./img/2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                                </a><span>X70 Pro+</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/1.png" alt="">
                                    <img src="./img/2.png" alt="">
                                    <img src="./img/9542631a911269daceabd8e88902087a.png" alt="">
                                </a><span>X70 Pro</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>X60 Pro+</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/3.png" alt="">
                                    <img src="./img/1.png" alt="">
                                    <img src="./img/2f9e5d74951e51bbfe41938ea18caffe.png" alt="">
                                </a>
                                <span>X60 Pro</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/99ed1d51eb06cca2e8c37faa87007e14.png" alt="">
                                    <img src="./img/9542631a911269daceabd8e88902087a.png" alt="">
                                    <img src="./img/8a43ea78785ce40d57549cd4e55ee472.png" alt="">
                                </a>
                                <span>X60 曲屏版</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">S系列</a>
                        <ul class="head-second-nav">
                            <li>

                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a><span>S10e</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a><span>S10系列</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>S9</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>S9e</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>S7e</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">Y系列</a>
                        <ul class="head-second-nav">
                            <li>

                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a><span>Y71t</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a><span>Y53s</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>Y52s</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>Y31S标准版</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>Y30标准版</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">iQOO手机</a>
                        <ul class="head-second-nav">
                            <li>

                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a><span>iQOO 8 Pro</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a><span>iQOO 8</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>iQOO Neo5活跃版</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>iQOO Z5x</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/show1.png" alt="">
                                    <img src="./img/show2.png" alt="">
                                    <img src="./img/show3.png" alt="">
                                </a>
                                <span>iQOO Z5</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">智能硬件</a>
                        <ul class="head-second-nav">
                            <li>

                                <a href="./info.html">
                                    <img src="./img/erji.png" alt="">
                                </a><span >vivo TWS 2</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/watch-mid.png" alt="">
                                </a><span>vivo WATCH</span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img src="./img/headset-l.png" alt="">
                                </a>
                                <span>vivo TWS Neo</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">商城</a>
                    </li>
                    <li>
                        <a href="javascript:;">服务</a>
                    </li>
                </ul>

            </div>

        </div>
    </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner">
        <div class="cirbox">
            <div class="cir cr"></div>
            <div class="cir"></div>
            <div class="cir"></div>
            <div class="cir"></div>
            <div class="cir"></div>
        </div>
        <div class="imgbox">
            <img class="img im" src="./images/banner1.jpg" style="display: inline;">
            <img class="img" src="./images/banner2.jpg" style="display: none;">
            <img class="img" src="./images/banner3.jpg" style="display: none; ">
            <img class="img" src="./images/banner4.jpg" style="display: none; ">
            <img class="img" src="./images/banner5.jpg" style="display: none; ">

        </div>
        <ul class="banner-nav">
            <li>
                <a href="./goods.html">手机</a>
                <div class="banner-second-nav">
                    <p>手机</p>
                    <ul>
                        <li>
                            <i><img src="./img/sj1.webp" alt=""></i>
                            <span>NEX 3 5G版 </span>
                        </li>
                        <li>
                            <i><img src="./img/sj2.webp" alt=""></i>
                            <span>NEX 3 5G版 </span>
                        </li>
                        <li>
                            <i><img src="./img/sj3.webp" alt=""></i>
                            <span>NEX 3 5G版 </span>
                        </li>
                        <li>
                            <i><img src="./img/sj4.webp" alt=""></i>
                            <span>NEX 3 5G版 </span>
                        </li>
                        <li>
                            <i><img src="./img/sj5.webp" alt=""></i>
                            <span>NEX 3 5G版 </span>
                        </li>
                        <li>
                            <i><img src="./img/sj6.webp" alt=""></i>
                            <span>NEX 3 5G版 </span>
                        </li>
                        <li>
                            <i><img src="./img/sj7.webp" alt=""></i>
                            <span>NEX 3 5G版 </span>
                        </li>
                    </ul>
                </div>

            </li>
            <li>
                <a href="javascript">手机充电</a>
                <div class="banner-second-nav">
                    <p>充电</p>
                    <ul>
                        <li>
                            <i><img src="./img/shujuxian.webp" alt=""></i>
                            <span>数据线</span>
                        </li>
                        <li>
                            <i><img src="./img/cdq.webp" alt=""></i>
                            <span>充电器</span>
                        </li>
                        <li>
                            <i><img src="./img/cdb.webp" alt=""></i>
                            <span>移动电源</span>
                        </li>
                        <li>
                            <i><img src="./img/cxb.webp" alt=""></i>
                            <span>插座插线板</span>
                        </li>
                        <li>
                            <i><img src="./img/chezaipeijian.webp" alt=""></i>
                            <span>车载配件</span>
                        </li>
                    </ul>
                </div>

            </li>
            <li>
                <a href="javascript">音乐设备</a>
                <div class="banner-second-nav">
                    <p>音乐</p>
                    <ul>
                        <li>
                            <i><img src="./img/youxian.webp" alt=""></i>
                            <span>有线耳机</span>
                        </li>
                        <li>
                            <i><img src="./img/erji.png" alt=""></i>
                            <span>蓝牙耳机</span>
                        </li>
                        <li>
                            <i><img src="./img/yinxaing.webp" alt=""></i>
                            <span>音响</span>
                        </li>
                        <li>
                            <i><img src="./img/zhuanjieqi.webp" alt=""></i>
                            <span>vivo 耳机转接线</span>
                        </li>
                        <li>
                            <i><img src="./img/10006309_1629103096894_250x250.png" alt=""></i>
                            <span>无线运动耳机</span>
                        </li>

                    </ul>
                </div>

            </li>
            <li>
                <a href="javascript">手机配件</a>
                <div class="banner-second-nav">
                    <p>配件</p>
                    <ul>
                        <li>
                            <i><img src="./img/baohumo.webp" alt=""></i>
                            <span>保护膜</span>
                        </li>
                        <li>
                            <i><img src="./img/baohuzhao.webp" alt=""></i>
                            <span>保护壳</span>
                        </li>
                        <li>
                            <i><img src="./img/zhijia.webp" alt=""></i>
                            <span>通用配件</span>
                        </li>
                        
                        <li>
                            <i><img src="./img/touming.webp" alt=""></i>
                            <span>透明保护壳</span>
                        </li>
                        <li>
                            <i><img src="./img/fangshuidai.webp" alt=""></i>
                            <span>手机防水袋</span>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript">智能硬件</a>
                <div class="banner-second-nav">
                    <p>智能</p>
                    <ul>
                        <li>
                            <i><img src="./img/tizhongcheng.webp" alt=""></i>
                            <span>体脂称</span>
                        </li>
                        <li>
                            <i><img src="./img/zhineng.webp" alt=""></i>
                            <span>智能穿戴</span>
                        </li>
                        <li>
                            <i><img src="./img/zhinengjiaju.webp" alt=""></i>
                            <span>智慧家居</span>
                        </li>
                        <li>
                            <i><img src="./img/jiaju.webp" alt=""></i>
                            <span>家用电器</span>
                        </li>
                        <li>
                            <i><img src="./img/pingban.webp" alt=""></i>
                            <span>儿童专区</span>
                        </li>
                        <li>
                            <i><img src="./img/shouhuan.webp" alt=""></i>
                            <span>乐心 5S 手环</span>
                        </li>
                       
                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript">游戏摄影</a>
                <div class="banner-second-nav">
                    <p>摄影</p>
                    <ul>
                        <li>
                            <i><img src="./img/shebei.webp" alt=""></i>
                            <span>游戏设备</span>
                        </li>
                        <li>
                            <i><img src="./img/shubiao.webp" alt=""></i>
                            <span>外设产品</span>
                        </li>
                        <li>
                            <i><img src="./img/shoujizhijia.webp" alt=""></i>
                            <span>摄影配件</span>
                        </li>
                        <li>
                            <i><img src="./img/shoubing.webp" alt=""></i>
                            <span>闪电游戏手柄</span>
                        </li>
                        <li>
                            <i><img src="./img/zhitao.webp" alt=""></i>
                            <span>飞智 蜂套 手游指套</span>
                        </li>
                        <li>
                            <i><img src="./img/zipaigan.webp" alt=""></i>
                            <span>施吉客 自拍杆</span>
                        </li>


                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript">日常出行</a>
                <div class="banner-second-nav">
                    <p>生活</p>
                    <ul>
                        <li>
                            <i><img src="./img/yashua.webp" alt=""></i>
                            <span>个人护理</span>
                        </li>
                        <li>
                            <i><img src="./img/jingzhen.webp" alt=""></i>
                            <span>家居家纺</span>
                        </li>
                        <li>
                            <i><img src="./img/chuifengji.webp" alt=""></i>
                            <span>生活日用</span>
                        </li>
                        <li>
                            <i><img src="./img/shubao.webp" alt=""></i>
                            <span>配饰/箱包</span>
                        </li>
                        <li>
                            <i><img src="./img/paobuji.webp" alt=""></i>
                            <span>运动健身</span>
                        </li>
                        <li>
                            <i><img src="./img/bimaodao.webp" alt=""></i>
                            <span>小适鼻毛修剪器</span>
                        </li>


                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <!-- 中间 -->
    <div class="content">
        <div class="floor-list">
            <ul class="box-list">
                <li>
                    <a href="http://localhost:3000/goods.html"><img src="./img/nav1-1.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./img/nav2-1.jpg" alt=""></a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./img/nav3-1.jpg" alt=""></a>
                </li>

            </ul>
        </div>
        
        <div class="ms">
            <div class="floor">
                <img src="./img/ms1.png" alt="">
                <div>
                    <em>距离结束</em>
                    <span class="shi">10</span>
                    <em>时</em>
                    <span class="fen">08</span>
                    <em>分</em>
                    <span class="miao">37</span>
                    <em>秒</em>
                </div>
                <a href="#">更多场次&gt;</a>
            </div>
            <div class="bto">
                <div class="con">
                   <ul>
                       <li>
                        <a href="java script">
                            <img src="./img/10005883_1608877488613_530x530.png.jpg" alt="">
                        </a>
                        <div class="sale">
                            <p class="name">vivo Y73s 6GB+128GB 黑镜</p>
                            <p class="tit">直降399元</p>
                            <p class="did">
                                <span>￥1399</span>
                                <del>￥1798</del>
                            </p>
                        </div>
                       </li>
                       <li>
                        <a href="java script">
                            <img src="./img/pj7.webp" alt="">
                        </a>
                        <div class="sale">
                            <p class="name">vivo 33W 10000mAh 双向闪充移动电源 博雅黑</p>
                            <p class="tit">直降100元</p>
                            <p class="did">
                                <span>￥169</span>
                                <del>￥269</del>
                            </p>
                        </div>
                       </li>
                       <li>
                        <a href="java script">
                            <img src="./img/10005630_1612841501327_530x530.png.jpg" alt="">
                        </a>
                        <div class="sale">
                            <p class="name">vivo S7t 8GB+128GB 爵士黑</p>
                            <p class="tit">①直降599元; ②银联支付立减50元</p>
                            <p class="did">
                                <span>￥1999</span>
                                <del>￥2798</del>
                            </p>
                        </div>
                       </li>
                       <li>
                        <a href="java script">
                            <img src="./img/10006309_1629103096894_250x250.png" alt="">
                        </a>
                        <div class="sale">
                            <p class="name">iQOO 无线运动耳机 悦动黄</p>
                            <p class="tit">直降70元</p>
                            <p class="did">
                                <span>￥129</span>
                                <del>￥199</del>
                            </p>
                        </div>
                       </li>
                   </ul>
                </div>
            </div>
            <span class="bto-left"><</span>
            <span class="bto-right">></span>
        </div>

        <!-- 热卖 -->
        <div class="info">
            <div class="hot-sale">
                <p class="floor">热卖专区</p>
                <ul class="hot-list">
                     <li class="item">
                        <a href="../html/info.html">
                            <div class="p-pic">
                                <img src="./img/pro7-1.webp" alt="">
                            </div>
                            <div class="p-title">
                                iQOO 8 12GB+256GB 传奇版
                            </div>
                            <div class="p-scd-title">
                                120W超快闪充
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>4199.00
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="../html/info.html">
                            <div class="p-pic">
                                <img src="./img/pro8-1.webp" alt="">
                            </div>
                            <div class="p-title">
                                vivo S10 8GB+128GB 绮光焕彩
                            </div>
                            <div class="p-scd-title">
                                光致变色
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>2799.00
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="../html/info.html">
                            <div class="p-pic">
                                <img src="./img/pro9-1.webp" alt="">
                            </div>
                            <div class="p-title">
                                iQOO Z3 5G版
                            </div>
                            <div class="p-scd-title">
                                高通骁龙768G
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>1699.00
                            </div>
                        </a>
                    </li>

                </ul>
            </div>
            <!-- 精品列表 -->
            <div class="selection">
                <p class="floor">精品手机</p>
                <ul class="sec-list">
                    <li class="first">
                        <a href="../html/info.html"><img src="./img/sec.webp" alt=""></a>
                    </li>
                     <li class="item">
                        <a href="../html/info.html">
                            <div class="p-pic">
                                <img src="./img/product1-1.webp" alt="">
                            </div>
                            <div class="p-title">
                                iQOO 8 12GB+256GB
                            </div>
                            <div class="p-scd-title">
                                燃光致变色
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>4199.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/product2-1.webp" alt="">
                            <div class="p-title">
                                iQOO Neo5
                            </div>
                            <div class="p-scd-title">
                                高通骁龙870
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>2699.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/product3-1(1).webp" alt="">
                            <div class="p-title">
                                iQOO U3
                            </div>
                            <div class="p-scd-title">
                                天玑800U处理器
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>1498.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/product4-1(1).webp" alt="">
                            <div class="p-title">
                                vivo Y31s
                            </div>
                            <div class="p-scd-title">
                                5000mAh大电池
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>1598.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/product5-1(1).webp" alt="">
                            <div class="p-title">
                                iQOO 7
                            </div>
                            <div class="p-scd-title">
                                高通骁龙888
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>4198.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/product6-1(1).webp" alt="">
                            <div class="p-title">
                                vivo Y73s 5G版
                            </div>
                            <div class="p-scd-title">
                                4800万后置影像系统池
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>1899.00
                            </div>
                        </a>
                    </li>
                </ul>
                <p class="floor">精品配件</p>
                <ul class="sec-list">
                    <li class="item" style="margin-left: 2.5px;">
                        <a href="../html/info.html">
                            <div class="p-pic">
                                <img src="./img/pj1.png" alt="">
                            </div>
                            <div class="p-title">
                               vivo TWS 2
                            </div>
                            <div class="p-scd-title">
                                真无线降噪耳机
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>499.00
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="../html/info.html">
                            <div class="p-pic">
                                <img src="./img/pj2.png" alt="">
                            </div>
                            <div class="p-title">
                               vivo WATCH
                            </div>
                            <div class="p-scd-title">
                                24小时心率/血氧监测
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>1299.00
                            </div>
                        </a>
                    </li>
                     <li class="item" style="margin-right:8px;">
                        <a href="../html/info.html">
                            <div class="p-pic">
                                <img src="./img/pj3.png" alt="">
                            </div>
                            <div class="p-title">
                               vivo TWS Neo
                            </div>
                            <div class="p-scd-title">
                                好音质,低延迟
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>449.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/pj4.png" alt="">
                            <div class="p-title">
                                iQOO移动电源
                            </div>
                            <div class="p-scd-title">
                                20W PD 双向快充
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>129.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/pj5.png" alt="">
                            <div class="p-title">
                                iQOO 闪电游戏手柄
                            </div>
                            <div class="p-scd-title">
                                电竞级手感
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>199.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/pj6.png" alt="">
                            <div class="p-title">
                                iQOO 极风散热背夹
                            </div>
                            <div class="p-scd-title">
                                秒速制冷降温
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>169.00
                            </div>
                        </a>
                    </li>
                    <li style="margin-right: 3.5px;">
                        <a href="../html/info.html"><img src="./img/pj7.webp" alt="">
                            <div class="p-title">
                                iQOO 无线立式充电器
                            </div>
                            <div class="p-scd-title">
                                50W无线闪充
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>329.00
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="../html/info.html"><img src="./img/pj8.png" alt="">
                            <div class="p-title">
                                vivo XE100耳机
                            </div>
                            <div class="p-scd-title">
                                多功能一键线控
                            </div>
                            <div class="p-price">
                                <span class="yuan">￥</span>39.00
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- 底部 -->
    <div class="foot">
        <div class="foot-nav">
            <ul class="foot-list clear">
                <li><span class="iconfont" style="width:35px;height:35px;">&#xe640;</span>官方正品</li>
                <li><span></span>顺丰极速达</li>
                <li><span></span>全国联保</li>
                <li><span></span>免费定制</li>
            </ul>
        </div>
        <div class="foot-warp">
            <ul class="foot-warp-list">
                <li>
                    <dl>
                        <dt>热门链接</dt>
                        <dt><a href="javascript:;">X27</a></dt>
                        <dt><a href="javascript:;">iQOO</a></dt>
                        <dt><a href="javascript:;">Z3</a></dt>
                        <dt><a href="javascript:;">vivo摄影</a></dt>
                        <dt><a href="javascript:;">查找手机</a></dt>
                        <dt><a href="javascript:;">常见问题</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>在线购买</dt>
                        <dt><a href="javascript:;">官方商城</a></dt>
                        <dt><a href="javascript:;">选购手机</a></dt>
                        <dt><a href="javascript:;">选购配件</a></dt>
                        <dt><a href="javascript:;">政企服务</a></dt>
                        <dt><a href="javascript:;">以旧换新</a></dt>
                        <dt><a href="javascript:;">服务保障</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>服务支持</dt>
                        <dt><a href="javascript:;">服务首页</a></dt>
                        <dt><a href="javascript:;">服务网点查询</a></dt>
                        <dt><a href="javascript:;">真伪查询</a></dt>
                        <dt><a href="javascript:;">预约维修</a></dt>
                        <dt><a href="javascript:;">维修配件价格</a></dt>
                        <dt><a href="javascript:;">服务政策</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>vivo社区</dt>
                        <dt><a href="javascript:;">社区首页</a></dt>
                        <dt><a href="javascript:;">摄影专区</a></dt>
                        <dt><a href="javascript:;">新浪微博</a></dt>
                        <dt><a href="javascript:;">百度贴吧</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>关于vivo</dt>
                        <dt><a href="javascript:;">vivo简介</a></dt>
                        <dt><a href="javascript:;">工作机会</a></dt>
                        <dt><a href="javascript:;">新闻资讯</a></dt>
                        <dt><a href="javascript:;">采购平台</a></dt>
                        <dt><a href="javascript:;">供应商协同平台</a></dt>
                        <dt><a href="javascript:;">开放平台</a></dt>
                        <dt><a href="javascript:;">廉正合规</a></dt>
                    </dl>
                </li>
            </ul>
            <div class="foot-concat">
                <a href="javascript:;">
                    <span></span> 在线客服
                </a>
                <div class="hot-line">
                    <span>400-678-9688</span>
                    <p>24小时全国服务热线</p>
                </div>
                <div class="foot-vivo">
                    <span>关注vivo</span>
                    <div>
                        <a href="javascript:;"><span class="iconfont">&#xe66b;</span></a>
                        <a href="javascript:;"><span class="iconfont">&#xe63c;<div><img src="./img/er-wx.jpg" alt=""><p>生活号：vivo智能手机</p></div></span></a>
                        <a href="javascript:;"><span class="iconfont">&#xe60f;<div class="zf"><img src="./img/zf.jpg" alt=""><p>生活号：vivo智能手机</p></div></span></a>
                    </div>
                </div>
            </div>
            <div class="foot-bottom">
                <p>Copyright ©2011-2019 广东步步高电子工业有限公司 版权所有 保留一切权利 |
                    <a href="javascript:;">隐私政策</a> |
                    <a href="javascript:;">法律声明</a> |
                    <a href="javascript:;">粤B2-20080267</a> |
                    <a href="javascript:;">粤ICP备05100288号 </a>
                    <a href="javascript:;"><img src="./img/c.png" alt=""></a>|
                    <a href="javascript:;">中国</a>

                </p>
            </div>
        </div>
    </div>


    <div class=" floor-b  floor">
        <ul class="btns">
          <li>秒杀</li>
          <li>热卖专区</li>
          <li>精品手机</li>
          <li>精品配件</li>
          <li><a href="./shop-car.html" style="color: #415fff;">购物车</a></li>
        </ul>
      </div>
      
</body>
<script src="./libs/jquery.js"></script>
<script src="./js/index-banner.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/index.js"></script>
<script src="./libs/require.js"></script>
<script src="./js/index-text.js"></script>
<script>
    $(".btns").children("li").click(function(){
        $("html").stop().animate({
            scrollTop: $(".floor").eq($(this).index()).offset().top
        })
    })  
    

    console.log(1)
</script>


</html>